<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚合系统 支付API</title>
    <style>
        red {
            color: red;
        }
    </style>
    <script src="../js/jquery-1.8.3.min.js"></script>
</head>

<body>

<h3 style="text-align: left;">聚合系统 支付API测试</h3>

app_id（应用ID）：
<red>*</red>
<input type="text" id="app_id" value="hyp200804494589000028073DA479E77"><br>

mch_uid（商户号）：
<input type="text" id="mch_uid" value="4945892126281"><br>

isv_app_id（服务商应用ID）：
<input type="text" id="isv_app_id" value=""><br>

isv_mch_uid（服务商户号）：
<input type="text" id="isv_mch_uid" value=""><br>


<tr height="40">
    <td>channel_type（通道类型，具体见文档列表接口规则-参数规定-通道类型）：</td>
    <td>
        <select name="channel_type" id="channel_type">
            <option value="WX_JSAPI">微信公众号</option>
            <option value="WX_H5">微信H5</option>
            <option value="WX_MICROPAY">微信刷卡</option>
            <option value="WX_APPLET">微信小程序</option>
            <option value="ALI_QRCODE">支付宝扫码</option>
            <option value="ALI_SWIPE">支付宝刷卡</option>
            <option value="ALI_JSAPI">支付宝生活号/服务窗</option>
            <option value="ALI_APPLET">支付宝小程序</option>
            <option value="ALI_WAP">支付宝WAP</option>
            <option value="WithholdAuth_Pay">新快捷授权支付</option>
            <option value="BANK_CYBER">网银支付</option>
            <option value="BANK_QRCODE">银联扫码</option>
            <option value="BANK_SWIPE">银联刷卡</option>
            <option value="BANK_WAP">银联WAP</option>
            <option value="BANK_JSAPI">银联js</option>
            <option value="BANK_POS_SWIPE">POS银行卡刷卡</option>
            <option value="Quick_Pass_APP">云闪付APP</option>
            <option value="Quick_Pass_H5">云闪付H5</option>
            <option value="Quick_Pass_QRCODE">云闪付扫码</option>
        </select></td>
</tr><br>

out_trade_no（商户订单号）：
<red>*</red>
<input type="text" id="out_trade_no" value="20240515143448"><br>

subject（订单标题）：
<red>*</red>
<input type="text" id="subject" value="大米饭"><br>

total_fee（总金额）：
<red>*</red>
<input type="text" id="total_fee" value="1"><br>

client_ip（IP地址）：
<red>*</red>
<input type="text" id="client_ip" value="192.168.1.100"><br>

pay_option（支付参数信息，JSON 格式：{“key1”:”value1”,”key2”:”value2”,…} 其它规则请看说明）：
<input type="text" id="pay_option" value=""><br>


meta_option（商户定制信息，JSON 格式：{“key1”:”value1”,”key2”:”value2”,…}）：
<input type="text" id="meta_option" value=""><br>

attach（附加数据，在查询API和支付通知中原样返回，可作为自定义参数使用格式：{“key1”:”value1”,”key2”:”value2”,…}）：
<input type="text" id="attach" value=""><br>

notify_url（异步通知}）：
<red>*</red>
<input type="text" id="notify_url" value="https://demo.heemoney.com/Test/Api"><br>




<input type="button" value="提交" onclick="sendRequest()"><br><br>

响应数据：<br>
<textarea id="response" cols="150" rows="30"></textarea>
</body>


<script src="../js/common.js"></script>
<script>

    function sendRequest() {
        // 创建一个新的XMLHttpRequest对象
        var xhr = new XMLHttpRequest();

        // 设置请求方法和URL
        xhr.open("POST", "/v1/ApplyPay", true);

        // 设置请求头，告诉服务器发送的是JSON数据
        xhr.setRequestHeader("Content-Type", "application/json");

        // 监听请求状态改变
        xhr.onreadystatechange = function () {
            // 如果请求成功完成
            if (xhr.readyState === 4 && xhr.status === 200) {
                // 将响应输出到页面上
                document.getElementById("response").value = xhr.responseText;
            }
        };

        $("#response").val("");
        var app_id = $("#app_id").val();
        var mch_uid = $("#mch_uid").val();
        var isv_app_id = $("#isv_app_id").val();
        var isv_mch_uid = $("#isv_mch_uid").val();
        var channel_type = $("#channel_type").val();
        var out_trade_no = $("#out_trade_no").val();
        var subject = $("#subject").val();
        var total_fee = $("#total_fee").val();
        var client_ip = $("#client_ip").val();
        var pay_option = $("#pay_option").val();
        var meta_option = $("#meta_option").val();
        var attach = $("#attach").val();
        var notify_url = $("#notify_url").val();



        // 创建要发送的数据对象，并转换为JSON格式
        var data = {
            app_id: app_id,
            mch_uid: mch_uid,
            isv_app_id: isv_app_id,
            isv_mch_uid: isv_mch_uid,
            channel_type: channel_type,
            out_trade_no: out_trade_no,
            subject: subject,
            total_fee: total_fee,
            client_ip: client_ip,
            pay_option: pay_option,
            meta_option: meta_option,
            attach: attach,
            notify_url: notify_url,
        };
        var jsonData = JSON.stringify(data);

        // 发送请求
        xhr.send(jsonData);
    }
</script>
</html>